
.marketing-container {
	width: 100%;
	padding: 10rpx 0 0;
	background-color: #f4f4f4;

	/* #ifndef H5 */
	height: 100vh;
	/* #endif */

	/* #ifdef H5 */
	height: calc(100vh - 88rpx);
	/* #endif */

	box-sizing: border-box;

	.csss {
		height: 100%;
		padding-top: 20rpx;
		background-color: #fff;
		box-sizing: border-box;
	}
	
	.con-left {
		width: 170rpx;
		position: sticky;
		top: 30rpx;
		font-size: 28rpx;

		.left-item {
			height: 180rpx;
			background: #E1E1E1;
			display: flex;
			border-bottom: 1rpx solid #FFFFFF;
			align-items: center;
			flex-direction: column;
			justify-content: center;
		}

		image {
			width: 46rpx;
			height: 46rpx;
		}

		.active {
			font-weight: bold;
			background: rgba(255,255,255,1);
			color: rgba(251,176,0,1);
		}
	}
	
	.con-right {
		flex: 1;
		overflow-y: scroll;
		flex-direction: column;

		.right-item {
			width:254rpx;
			margin: 0 0 20rpx 20rpx;
			height:452rpx;
			border-radius:10rpx;

			image {
				width: 100%;
				height: 100%;
			}
		}
	}
}